<link rel="stylesheet" href="/assets/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="/assets/owl-carousel/owl.theme.css">
<link rel="stylesheet" href="/assets/cssl/jvi.css">
<link href="jvi.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/assets/owl-carousel/assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/assets/owl-carousel/owl.carousel.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        
        $("#slider").owlCarousel({
            slideSpeed : 300, 
            paginationSpeed : 400,
            singleItem : true,
            autoPlay : true,
            transitionStyle : "backSlide",
            pagination : false
        });

        $("#aaa").owlCarousel({
            items : 10, //10 items above 1000px browser width
            slideSpeed : 100,
            itemsDesktop : [1000,5], //5 items between 1000px and 901px
            itemsDesktopSmall : [900,3], // betweem 900px and 601px
            itemsTablet: [600,2], //2 items between 600 and 0
            itemsMobile : false, // itemsMobile disabled - inherit from itemsTablet option
            autoPlay : true,
            pagination : false
        });
    });
</script>

<div style="text-align: center">
    <div id="slider" class="owl-carousel">
        <div> <img src="/assets/imagenes/slide/slide_1.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_2.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_3.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_4.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_5.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_6.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_7.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_8.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_9.jpg" width="800" height="270"> </div>
        <div> <img src="/assets/imagenes/slide/slide_10.jpg" width="800" height="270"> </div>
        
    </div>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<div style="text-align: center">
    <div id="aaa" class="owl-carousel">
        <?php foreach ($random as $rand) { ?>
        <div>
            <table width="107" border="0" cellpadding="0" cellspacing="0" class="tablaslidecamiones">
                <tr>
                    <td><a href="/ficha/camiones/<?=$rand['idunidad']?>"><img src="<?=$rand['adjunto']?>" width="105px" height="100px" border="0"></a></td>
                </tr>
                <tr>
                  <td bgcolor="#F2F2F2" class="slidecamionestablaabajo"><?=$rand['unidad']['marca'].' '.$rand['unidad']['modelo']?>
                    <br>
                    Año:
                  <?=$rand['unidad']['anio']?></td>
                </tr>
            </table>
        </div>
        <?php } ?>
  </div>
</div>
